<template>
    <div>
        <button @click="isClick1">横</button>
        <button @click="isClick2">竖</button>
        <button @click="bigList">大</button>
        <button @click="smallList">小</button>
        <input type="text" v-model="valueInput" @keyup="search">
        <button @click="btnAdd">添加</button>
    </div>
</template>

<script>
    export default {
        name: "btn",
        data(){
            return{
                valueInput:""//输入框的值
            }
        },
        methods:{
            //竖
            isClick1(){
                this.$store.commit("medifyCilic",'block')
            },
            //横
            isClick2(){
                this.$store.commit("medifyCilic",'inline')
            },
            //大
            bigList(){
                this.$store.commit("medifyBig",true)
            },
            //小
            smallList(){
                this.$store.commit("medifyBig",false)
            },
            //添加
            btnAdd(){
                this.$store.commit("medifyAdd",this.valueInput)
            },
            //搜索
            search(){
                this.$store.commit("medifySearch",this.valueInput)

            }
        }

    }
</script>

<style scoped>

</style>